<template>
  <div style="margin: 20px">
    <el-form label-width="80px">
      <el-form-item label="Network">
        <el-input
          readonly
          v-model="web3.networkId"
          style="width: 52px; float: left"
        ></el-input>
      </el-form-item>
      <el-form-item label="Account">
        <el-input
          readonly
          v-model="web3.coinbase"
          autocomplete="off"
        ></el-input>
      </el-form-item>
      <el-form-item label="Balance">
        <el-input
          readonly
          v-model="balance"
          autocomplete="off"
        ></el-input>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  name: "hellometa",
  computed: {
    balance() {
      return parseInt(this.$store.state.web3.balance);
    },
    web3() {
      return this.$store.state.web3;
    },
  },
};
</script>

<style scoped>
</style>
